<template>
  <div onclick="_MEIQIA('showPanel')">
    <div class="topTab"><img
        src="/@/assets/logo1.png"
        alt=""
      >
      <div class="tabs"><text
          v-for="(tab,index) in tabs"
          :class="curIndex == index?'active':''"
          :key="index"
        > {{tab}}
        </text></div>
    </div>
    <div class="bannerbg"><img
        src="/@/assets/banner.jpg"
        alt=""
      >
      <div class="one"><span>专注成人教育培训18年</span><span>不受骗</span></div>
      <div class="two">上班族<span>|</span>本科培训班<span>|</span>0基础自考大专<span>/</span>本科</div>
      <div class="three"><span>考不过？</span><span>不放心？</span><span>怕被骗？</span><span>来华泰，</span><span>放心备考学历</span></div>
      <div class="four"><span>上班族报名条件查询</span><span>一对一咨询入口</span></div>
    </div>
    <div class="tipimg"><img
        src="/@/assets/tipimg.jpg"
        alt=""
      ></div>
    <div class="school">
      <div class="tip"><img
          src="/@/assets/bg.png"
          alt=""
        ><span>更多名校报名·更快专业选择·更准复习备考·更早学习考试·更低学费建议</span></div>
      <div class="cons">
        <div class="top">
          <div class="con">
            <div class="con-til"><span class="left">暨南大学</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school1.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">会计、法学</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">深圳大学</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school2.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">视觉传播设计与制作、工商管理（商本)</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">国家开放大学</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school3.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">视觉传播设计与制作、工商管理（商本)</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">华南理工大学</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school4.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">数字媒体艺术</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">广东外语外贸学院</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school5.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">商务英语、汉语言文学、学前教育</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">广东财经大学</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school6.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">行政管理</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
        </div>
        <div class="bottom">
          <div class="con">
            <div class="con-til"><span class="left">华南农业大学</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school7.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">会计学（财会本）、社会工作</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">广东医科大学</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school8.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">临床医学、护理学</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">中国石油大学</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school9.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">工程管理、化学工程与工艺、环境工程</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">华南师范大学</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school10.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">心理学、行政管理、人力资源管理</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">东莞职业技术学院</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school11.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">机械制造与自动化、电气自动化技术</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
          <div class="con">
            <div class="con-til"><span class="left">广东第二师范学院</span><span class="right">•主考院校•</span><img
                class="bgtop"
                src="/@/assets/bg.png"
                alt=""
              ></div><img
              src="/@/assets/school12.jpg"
              class="imgcon"
              alt=""
            >
            <div class="con-bottom"><span class="left">主考专业：</span><span class="right">电子商务、工商企业管理</span><img
                class="bgbottom"
                src="/@/assets/bg.png"
                alt=""
              ></div>
          </div>
        </div>
      </div>
    </div>
    <div class="icons">
      <div class="top">
        <div class="con"><img
            src="/@/assets/icon1.png"
            alt=""
          ><span>考试科目</span></div>
        <div class="con"><img
            src="/@/assets/icon2.png"
            alt=""
          ><span>易考院校</span></div>
        <div class="con"><img
            src="/@/assets/icon3.png"
            alt=""
          ><span>报考时间</span></div>
        <div class="con"><img
            src="/@/assets/icon4.png"
            alt=""
          ><span>报考条件</span></div>
      </div>
      <div class="top">
        <div class="con"><img
            src="/@/assets/icon5.png"
            alt=""
          ><span>培训费用</span></div>
        <div class="con"><img
            src="/@/assets/icon6.png"
            alt=""
          ><span>培训申请</span></div>
        <div class="con"><img
            src="/@/assets/icon7.png"
            alt=""
          ><span>院校专业</span></div>
        <div class="con"><img
            src="/@/assets/icon8.png"
            alt=""
          ><span>学费优惠</span></div>
      </div>
    </div>
    <div class="info">
      <div class="til">2021年学历报考信息发布专区</div>
      <div class="top">
        <div class="con col-2 colorbg colorwhite">
          <div class="one">2021年上半年学历报考</div>
          <div class="two">报名时间及考试科目</div>
          <div class="three">》咨询专区《</div>
        </div>
        <div class="con col-2">
          <div class="con-til">信息发布</div>
          <div class="list-til"><span class="hot">热点</span><span class="content">2021年学历报名备考指南</span></div>
          <div class="list"><span class="status">[动态]</span><span class="content">关于2021年成人学历报考通告>></span></div>
          <div class="list"><span class="status">[动态]</span><span class="content">关于2021年成人学历招生简章>></span></div>
          <div class="list"><span class="status">[动态]</span><span class="content">关于2021年成人学历报考管理办法>></span></div>
          <div class="list"><span class="status">[动态]</span><span class="content">关于2021年上半年学历报考院校及专业咨询>></span></div>
        </div>
        <div class="con col-3">
          <div class="con-til">学历政策专区</div>
          <div class="con-box">
            <span class="one">考学历咨询</span>
            <span class="two">—成人本科与统招本科同等效力—</span>
            <img
              src="/@/assets/student.jpg"
              alt=""
            >
          </div>
        </div>
      </div>
      <div class="top">
        <div class="con col-2">
          <div class="til2">2021年上半年学历报考咨询</div>
          <div class="thr-box">
            <div class="box"><span class="con-item">考试时间>></span></div>
            <div class="box"><span class="con-item">考试科目>></span></div>
            <div class="box"><span class="con-item">考试教材>></span></div>
          </div>
          <div class="thr-box">
            <div class="box"><span class="con-item">报名咨询>></span></div>
            <div class="box"><span class="con-item">报名条件>></span></div>
            <div class="box"><span class="con-item">学制改革>></span></div>
          </div>
          <div class="thr-box">
            <div class="box"><span class="con-item">易考规定>></span></div>
            <div class="box"><span class="con-item">毕业时间>></span></div>
            <div class="box"><span class="con-item">学位咨询>></span></div>
          </div>
        </div>
        <div class="con col-2">
          <div class="list-til"><span class="hot">热点</span><span class="content">2021年学历报名事项咨询解答</span></div>
          <div class="list"><span class="status">[政策]</span><span class="content">2021年学历报考及考试政策信息汇总>></span></div>
          <div class="list"><span class="status">[试听]</span><span class="content">学历考试培训课程免费试听>></span></div>
          <div class="list"><span class="status">[经验]</span><span class="content">新生学历报考备考经验>></span></div>
          <div class="list"><span class="status">[模拟]</span><span class="content">学历报考各专业考试模拟汇总>></span></div>
        </div>
        <div class="con col-3">
          <div class="score">
            <div><span>+10分</span></div>
            <div><span>+15分</span></div>
            <div><span>+20分</span></div>
            <div><span>+35分</span></div>
          </div>
          <div class="stys"><span>大学专科</span><span>大学本科</span><span>研究生</span><span>博士生</span></div>
          <div class="btns"><span>咨询学历报考>></span><span>咨询学历政策>></span></div>
        </div>
      </div>
    </div>
    <div class="tips">
      <div class="tips-til"><span>集大成人学历方案·优势、含金量及毕业时长对比</span><img
          src="/@/assets/tips.png"
          alt=""
        ></div>
      <div class="tips-til2">·学历报考政策每年都可能会有调整，了解新政策提高学历提升效率·</div>
      <div class="lists">
        <div class="list">
          <div class="list-til">自学考试</div>
          <div class="dashed"></div>
          <div class="list-til2">毕业时间短</div>
          <div class="list-txt">证书认可度高</div>
          <div class="list-txt">等同于统招学历</div>
          <div class="list-txt">部分专业难度低</div>
          <div class="list-txt">无入学考试</div>
        </div>
        <div class="list">
          <div class="list-til">成人高考咨询</div>
          <div class="dashed"></div>
          <div class="list-til2">毕业时间长</div>
          <div class="list-txt">证书含金量较低</div>
          <div class="list-txt">业余学历</div>
          <div class="list-txt">有入学考试</div>
        </div>
        <div class="list">
          <div class="list-til">继续教育咨询</div>
          <div class="dashed"></div>
          <div class="list-til2">毕业时间长</div>
          <div class="list-txt">证书含金量较低</div>
          <div class="list-txt">社会认可度低</div>
          <div class="list-txt">有入学考试</div>
        </div>
        <div class="list">
          <div class="list-til">2021年报考指导</div>
          <div class="dashed"></div>
          <div class="list-txt">华泰教育2021版</div>
          <div class="list-txt">《成人学历报考指导白皮书》</div>
          <div class="list-txt">咨询免费领取，提醒考生</div>
          <div class="list-txt">切勿错过报考</div>
        </div>
      </div>
    </div>
    <div class="selectInfo"><span class="one">（选择您想学习的专业) </span><span class="two">（输入个人有效手机号）</span><span class="three">免费领取试听课程（按钮</span></div>
    <div class="bottomInfo">
      <div class="con">
        <img
          class="qr"
          src="/@/assets/qr.png"
          alt=""
        >
        <div class="txt">
          <div class="one">关注华泰教育公众号</div>
          <div class="two">领取更多福利</div>
        </div>
      </div>
      <div class="con">
        <img
          class="logo"
          src="/@/assets/logo2.png"
          alt=""
        >
      </div>
    </div>
  </div>
</template>
<style scoped>
@import "../assets/indexpage.css";
</style>
<script>

import { h, ref, reactive } from 'vue'

export default {
  name: 'HelloWorld',
  props: {
    msg: String,
  },
  data () {
    return {

      count: 0,
      tabs: ['首页',
        '自考本科',
        '成人高考',
        '专升本',
        '资格证',
        '低学历修本科'],
      schools: [{
        img: '/@/assets/school1.png', schoolName: '暨南大学', majorName: '会计、法学'
      }

        ,
      {
        img: '/@/assets/school2.png', schoolName: '深圳大学', majorName: '视觉传播设计与制作、工商管理（商本)'
      }

        ,
      {
        img: '/@/assets/school3.png', schoolName: '国家开放大学', majorName: '视觉传播设计与制作、工商管理（商本)'
      }

        ,
      {
        img: '/@/assets/school4.png', schoolName: '华南理工大学', majorName: '数字媒体艺术'
      }

        ,
      {
        img: '/@/assets/school5.png', schoolName: '广东外语外贸学院', majorName: '商务英语、汉语言文学、学前教育'
      }

        ,
      {
        img: '/@/assets/school6.png', schoolName: '广东财经大学', majorName: '行政管理'
      }

        ,
      ],
      curIndex: 0
    }
  },
  setup (props) {
    const readersNumber = ref(0);

    const book = reactive({
      title: 'Vue 3 Guide  111'
    })
    console.log(readersNumber._value);
    // return () => h('div', [readersNumber.value, book.title])
    console.log('props', props);
  }
}

</script>